@charset "utf-8";
/* CSS Document */
html { }
body { background-color: #fff; }

/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Microsoft YaHei; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
ul, ol, em { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; }
ul, li { margin: 0; padding: 0; list-style-type: none; }

/* Qsy_Top */

.Qsy_Top {width:100%; position: fixed; top: 0; left: 0; z-index: 9999; }
.Qsy_Top .dvs { width: 90%; margin: 0 auto; text-align: center; color: #fff; border-bottom: 1px solid #fff; height: 120px; }

/* bbs */
.Qsy_Top .dvs .bbs .bt1 { width: 15%; overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; margin: 38px 10px 0px 0px; }
.Qsy_Top .dvs .bbs .bt1 img { width: 100% }
.Qsy_Top .dvs .bbs .bt2 { width: 50%; margin: 0 auto; text-align: center; float: left; display: inline; font-size: 15px; margin: 18px 10px 0px 28px; }
.Qsy_Top .dvs .bbs .bt2 ul { width: 100%; margin: 0 auto; text-align: center; }
.Qsy_Top .dvs .bbs .bt2 li { margin: 0 auto; text-align: center; float: left; display: inline; margin: 38px 30px 0px 0px; position: relative; height: 60px; }
.Qsy_Top .dvs .bbs .bt2 li:hover { color: #B99922; cursor: pointer; }
.Qsy_Top .dvs .bbs .bt2 li a { color: #fff; font-size: 16px; }
.Qsy_Top .dvs .bbs .bt2 li a:hover { color: #ccb75d; font-size: 16px; }
.Qsy_Top .dvs .bbs .bt2 li div { display: none; width: 100px; overflow: hidden; margin: 0 auto; text-align: center; margin: 25px 0px 0px 0px; height: 100px; position: absolute; background-color: #fff; top: 0px; left: -30px; }
.Qsy_Top .dvs .bbs .bt2 li div a { color: #000; font-size: 16px; display: block; text-align: center; margin-top: 15px; }
.Qsy_Top .dvs .bbs .bt2 li div a:hover { color: #ccb75d; font-size: 16px; display: block; text-align: center; }
.Qsy_Top .dvs .bbs .bt2 .btn_cps .SNav a { color: #000; font-size: 16px; }
.Qsy_Top .dvs .bbs .bt2 .btn_cps .SNav a:hover { color: #ccb75d; font-size: 16px; }
.Qsy_Top .dvs .bt3 a { width: 10%; height: 50px; line-height: 50px; margin: 0 auto; border: 1px solid #fff; float: right; font-size: 20px; margin-top: 30px; color: #fff;}
.Qsy_Top .dvs .bt3 a:hover { background-color: #B99922; cursor: pointer; }

/* bt5 */

.Qsy_Top .dvs .bt5 { display: none; width: 100px; float: right; flex: 1; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height: 100%; }
.Qsy_Top .dvs .bt5 .imgmenu { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; position: relative; cursor: pointer }
.Qsy_Top .dvs .bt5 .imgmenu .img { width: 60px; height: 60px; position: relative; overflow: hidden; border-radius: 50%; background-color: #666; background-repeat: no-repeat; background-size: cover; background-position: center }
.Qsy_Top .dvs .bt5 .imgmenu .img img { position: absolute; max-width: 10px; max-height: 10px; left: 0; right: 0; top: 0; bottom: 0; margin: auto }
.Qsy_Top .dvs .bt5 .imgmenu span:before { content: "\f106"; font-size: 20px; padding-left: .1rem; font-weight: bold; color: #333; font-family: 'FontAwesome' }
.Qsy_Top .dvs .bt5 .imgmenu.close span:before { content: "\f107"; font-size: 20px; padding-left: 10px; font-weight: bold; font-family: 'FontAwesome' }
.Qsy_Top .dvs .bt5 .imgmenu .detail { height: 150px; display: none; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); background: #fff; padding: 10px; position: absolute; right: 0; width: 150px; top: 65px; }
.Qsy_Top .dvs .bt5 .imgmenu .detail a { display: block; width: 100%; font-size: 15px; line-height: 35px; text-align: left; color: #000; }

/* Qny_Top */
.Qny_Top { width: 100%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 9999; }
.Qny_Top .dvs { width: 90%; margin: 0 auto; text-align: center; color: #000; height: 124px; }
.Qny_Top .dvs .bbs .bt1 { width: 15%; overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; margin: 38px 10px 0px 0px; }
.Qny_Top .dvs .bbs .bt1 img { width: 100% }
.Qny_Top .dvs .bbs .bt2 { width: 50%;height:40px; margin: 0 auto; text-align: center; float: left; display: inline; font-size: 15px; margin: 18px 10px 0px 28px; }
.Qny_Top .dvs .bbs .bt2 ul { width: 100%; margin: 0 auto; text-align: center; }
.Qny_Top .dvs .bbs .bt2 li { margin: 0 auto; text-align: center; float: left; display: inline; margin: 38px 30px 0px 0px; position: relative; height: 100px; }
.Qny_Top .dvs .bbs .bt2 li:hover { color: #B99922; cursor: pointer; }
.Qny_Top .dvs .bbs .bt2 li a { color: #000; font-size: 16px; }
.Qny_Top .dvs .bbs .bt2 li a:hover { color: #ccb75d; font-size: 16px; }
.Qny_Top .dvs .bbs .bt2 .btn_cps .SNav a { color: #000; font-size: 16px; }
.Qny_Top .dvs .bbs .bt2 .btn_cps .SNav a:hover { color: #ccb75d; font-size: 16px; }
.Qny_Top .dvs .bbs .bt2 li div { display: none; width: 100px; overflow: hidden; margin: 0 auto; text-align: center; margin: 25px 0px 0px 0px; height: 100px; position: absolute; background-color: #fff; top: 0px; left: -30px;  }
.Qny_Top .dvs .bbs .bt2 li div a { color: #000; font-size: 16px; display: block; text-align: center; margin-top: 15px; }
.Qny_Top .dvs .bbs .bt2 li div a:hover { color: #ccb75d; font-size: 16px; display: block; text-align: center; }
.Qny_Top .dvs .bt3 a { width: 10%; height: 50px; line-height: 50px; margin: 0 auto; border: 1px solid #000; float: right; font-size: 20px; margin-top: 30px; color: #000;}
.Qny_Top .dvs .bt3 a:hover { background-color: #B99922; cursor: pointer; }

/* bt5 */

.Qny_Top .dvs .bt5 { display: none; width: 100px; float: right; flex: 1; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height: 100%; }
.Qny_Top .dvs .bt5 .imgmenu { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; position: relative; cursor: pointer }
.Qny_Top .dvs .bt5 .imgmenu .img { width: 60px; height: 60px; position: relative; overflow: hidden; border-radius: 50%; background-color: #666; background-repeat: no-repeat; background-size: cover; background-position: center }
.Qny_Top .dvs .bt5 .imgmenu .img img { position: absolute; max-width: 10px; max-height: 10px; left: 0; right: 0; top: 0; bottom: 0; margin: auto }
.Qny_Top .dvs .bt5 .imgmenu span:before { content: "\f106"; font-size: 20px; padding-left: .1rem; font-weight: bold; color: #333; font-family: 'FontAwesome' }
.Qny_Top .dvs .bt5 .imgmenu.close span:before { content: "\f107"; font-size: 20px; padding-left: 10px; font-weight: bold; font-family: 'FontAwesome' }
.Qny_Top .dvs .bt5 .imgmenu .detail { height: 150px; display: none; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); background: #fff; padding: 10px; position: absolute; right: 0; width: 150px; top: 65px; }
.Qny_Top .dvs .bt5 .imgmenu .detail a { display: block; width: 100%; font-size: 15px; line-height: 35px; text-align: left; color: #000; }

/* Q_Under */
.Q_Under {width:100%; background-color: #231f20;  height: 200px; overflow: hidden; margin: 0 auto; }
.Q_Under .dvs { width: 90%; overflow: hidden; margin: 0 auto; text-align: center; color: #fff; }
.Q_Under .dvs .bzs { overflow: hidden; }
.Q_Under .dvs .bzs .dh1 { width: 15%; overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; font-size: 40px; margin: 50px 10px 0px 0px; }
.Q_Under .dvs .bzs .dh1 img { width: 100%; }
.Q_Under .dvs .bzs .dh2 { width: 20%; overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; margin: 60px 10px 0px 45px; }
.Q_Under .dvs .bzs .dh2 ul { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; }
.Q_Under .dvs .bzs .dh2 li { overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; margin: 0px 8px 0px 8px; }
.Q_Under .dvs .bzs .dh2 li a { color:white; font-size:16px;}
.Q_Under .dvs .bzs .dh3 { width: 275px; overflow: hidden; margin: 0 auto; text-align: center; float: right; display: inline;padding-top:20px; }
.Q_Under .dvs .bzs .dh3 ul { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; margin: 20px 0px 0px 0px; display: inline; }
.Q_Under .dvs .bzs .dh3 li { overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; }
.Q_Under .dvs .bzs .dh3 .t1 { height: 65px; line-height: 65px; overflow: hidden; margin: 0 auto; text-align: center; margin: 20px 40px 0px 0px; border: 0px solid #c1a325; font-size: 25px; }
.Q_Under .dvs .bzs .dh3 .t2 { overflow: hidden; margin: 0 auto; text-align: right; margin: 20px 0px 0px 0px; display: inline; }
.Q_Under .dvs .bzs .dh3 .t2 img { width: 100%; }
.Q_Under .dvs .cps { width: 100%; overflow: hidden; margin: 0 auto; text-align: right; border-top: 1px solid #fff; margin: 30px 0px 0px 0px; padding-top: 20px; }




@media only screen and (max-width: 1440px) and (min-width: 1024px) {
    .Qsy_Top .dvs { width: 90%; }
    .Qsy_Top .dvs .bbs .bt1 { width: 15%; overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; margin: 48px 10px 0px 0px; }
    .Qsy_Top .dvs .bt3 a { width: 10%; height: 50px; line-height: 50px; margin: 0 auto; border: 1px solid #fff; float: right; font-size: 20px; margin-top: 35px; color: #fff; }
    .Qny_Top .dvs { width: 90%; }
    .Qny_Top .dvs .bbs .bt1 { width: 15%; overflow: hidden; margin: 0 auto; text-align: center; float: left; display: inline; margin: 48px 10px 0px 0px; }
    .Qny_Top .dvs .bt3 a { width: 10%; height: 50px; line-height: 50px; margin: 0 auto; border: 1px solid #fff; float: right; font-size: 20px; margin-top: 35px; color: #000; }
    .Q_Under .dvs { width: 90%; }
}

@media only screen and (min-width: 751px) {
    .online .header-scrolltop { box-shadow: none }
    .online .header-scrolltop .header-inner { padding: 0 2%; box-sizing: border-box }
    .online .header-scrolltop .header-inner .header-right .mm .mm-item a { color: #4D4F5C }
    .online .header-scrolltop .header-inner .header-right .mm .mm-item a sup { color: #fff }
    .online .header-scrolltop .header-inner .header-right .locale a { color: #4D4F5C }
    .online .header-scrolltop .header-inner .header-right .memberLoginBtn { border: 1px solid #C1A325; color: #C1A325 }
    .online .header-scrolltop .header-inner .header-right .memberLoginBtn:hover { border: 1px solid #C1A325; color: #fff; background: #C1A325 }
    .online .header-scrolltop .header-inner .header-right .registerBtn { border: 1px solid #4D4F5C; color: #4D4F5C; background: none }
    .online .header-scrolltop .header-inner .header-right .registerBtn:after { background-image: url(/img/system/www/p/btn_long_w.svg) }
    .online .header-scrolltop .header-inner .header-right .registerBtn:hover { border: 1px solid #C1A325; color: #4D4F5C; background: #C1A325 }
    .online .header-scrolltop { box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) }
    .kn-detail { width: 100%; padding: 90px 20px 0; max-width: 1081px; box-sizing: border-box; margin: auto auto auto auto }
    .kn-detail h2 { font-size: 42px; font-weight: bold; line-height: 62px; color: #231F20; padding: 96px 0 0; text-align: center }
    .kn-detail .kn-content { margin-top: 40px; font-size: 18px; font-weight: 400; line-height: 31px; color: #4D4F5C; margin-bottom: 120px }
    .kn-detail .kn-content ul li { list-style-type: disc; list-style-position: outside; margin-left: 22px; margin-bottom: 10px; padding-left: 10px }
}

@media only screen and (min-width: 1640px) {
    .online .header-scrolltop .header-inner { padding: 0 }
}

@media only screen and (min-width: 751px) and (max-width: 1024px) {
    .header-scrolltop .header-inner .header-right .menu-btn .line { background-color: #333 }
    .header { padding: 0; box-sizing: border-box }
    .header-scrolltop .header-inner { padding: 0 28px }
}

@media only screen and (max-width: 750px) {
    .header-scrolltop .header-inner .header-right .menu-btn .line { background-color: #333 }
    .header { padding: 0; box-sizing: border-box }
    .online .header-scrolltop { box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) }
    .kn-detail { width: 100%; padding: 0.4rem 0.2rem 0; box-sizing: border-box; margin: auto }
    .kn-detail h2 { font-size: 0.28rem; font-weight: bold; line-height: 0.42rem; color: #231F20; text-align: center }
    .kn-detail .kn-content { margin-top: 0.3rem; font-size: 0.18rem; font-weight: 400; line-height: 0.28rem; color: #4D4F5C; margin-bottom: 1.2rem }
    .kn-detail .kn-content ul li { list-style-type: disc; list-style-position: outside; margin-left: 0.22rem; margin-bottom: 0.1rem; padding-left: 0.1rem }
}